<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<!-- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> -->

		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<title>引导页</title>
		<script src="../assets/flexible/flexible.debug.js"></script>
		<link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
		<link rel="stylesheet" href="../assets/animate/animate.min.css">
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" href="../css/guidepage-noe.css">
	</head>

	<body>

		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<p class="ani" swiper-animate-effect="shake" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="../images/guide page-noe.png"> </p>
					<div class="ani" swiper-animate-effect="rubberBand" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<h1>发现新朋友</h1>
						<p>_</p>
						<span>通过文章，电台，音乐，图片 结识有趣的凌魂</span>
					</div>
				</div>
				<div class="swiper-slide">
					<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="../images/guide page-two.png"></p>
					<div class="ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<h1>随时随地有人陪</h1>
						<p>_</p>
						<span> 发起一个十分钟的聊天室, 聊完就走无牵挂</span>
					</div>
				</div>
				<div class="swiper-slide">
					<p class="ani" swiper-animate-effect="zoomInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="../images/guide page-three.png"></p>
					<div class="ani" swiper-animate-effect="flipInY" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<h1>片刻生活馆</h1>
						<p>_</p>
						<span> 这里贩卖美好事物 不止物质，还有精神</span>
					</div>
				</div>

				<div class="swiper-slide">
					<a href="awhile.html">
						<p class="ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="../images/guide page-four.png">
						</p>
						<div class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
							<span>跟有趣的人聊上片刻</span>
							<i class="fa fa-hand-o-right"></i>
						</div>
					</a>
				</div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>

			<!-- 如果需要导航按钮 -->
			<!--  <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div> -->

			<!-- 如果需要滚动条 -->
			<!--     <div class="swiper-scrollbar"></div>
 --></div>
		<!-- 头部导航 -->

		<!-- banner -->

		<!-- xx快报 -->

		<!-- 热卖商品 -->

		<!-- 新品上市 -->

		<!-- 当前用户、回顶部 -->

		<!-- 底部导航 -->

		<script src="../assets/JQ/jquery-3.2.1.min.js"></script>
		<script src="../assets/swiper/js/swiper.min.js"></script>
		<script src='../assets/animate/swiper.animate1.0.2.min.js'></script>
		<script src="../js/guidepage-noe.js"></script>
	</body>

</html>